body{
	color: #333;
}
a {
	display: inline-block;
}

.minetop {
	background-image: url(../img/personal-center/banner.jpg);
	background-size: 100vw 53.3vw;
	background-repeat: no-repeat;
	background-color: #f0f0f0;
	width: 100%;
	padding-bottom: 2.93vw;
	overflow: hidden;
}

.minetop .rectangle {
	position: relative;
	background-color: white;
	width: 92vw;
	margin: 0 auto;
	margin-top: 36vw;
	text-align: center;
	box-shadow: 0vw 0.67vw 2.48vw 0.19vw rgba(13, 4, 9, 0.09);

}

.minetop .avatar {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	box-shadow: 0vw 0.67vw 2.48vw 0.19vw rgba(13, 4, 9, 0.09);
	width: 17vw;
	height: 17vw;
}

.minetop .rectangle .name {
	padding: 3.2vw 0 4.8vw;
	font-size: 4.53vw;

}

.minetop .collection-brand {
	display: flex;
	padding-bottom: 4.53vw;
}

.minetop .collection-brand .item {
	width: 50%;
}
.orders .title{
	padding: 3vw 3.6vw;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #eaeaea;
}
.asset .list,
.orders .list{
	display: flex;
	justify-content: space-around;
	border-bottom: 2.27vw solid #f0f0f0;
}

.asset .item,
.orders .item{
	width: 10VW;
	text-align: center;
	font-size: 3.33vw;
	padding: 6vw 0 6.4vw;
}
.asset .item img,
.tools .item img,
.orders .item img{
	width: 6.7vw;
	padding-bottom: 2vw;
	
}
.asset .title,
.tools .title{
	padding: 3vw 3.33vw;
	border-bottom: 1px solid #eaeaea;
}
.tools .list{
	display: flex;
	flex-wrap: wrap;
}
.tools .item{
	width: 25%;
	text-align: center;
	font-size: 3.33vw;
	padding: 6vw 0 6.4vw;
}
.nav {
	padding-top: 2.93vw;
	display: flex;
	justify-content: space-around;
	position: fixed;
	bottom: 0vw;
	width: 100%;
	background-color: #fbfbfb;
	border-top: 2px solid #eaeaea;
}

.nav-box {
	width: 10vw;
	text-align: center;
	font-size: 2.27vw;
}

.nav-box img {
	width: 5.6vw;
}